<!DOCTYPE html>
<html>

<head>
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<meta name="descrption" content="" />
<title>单位人员补缴信息</title>
<link rel="stylesheet" href="../../../layui/css/layui.css" media="all">
<script src="../../../layui/layui/layui.js" charset="utf-8"></script>
<script src="../../../js/angular.js" charset="utf-8"></script>
<script src="../../../layui/jquery-3.2.1.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../gjjhbj/fy.js"></script>


	<link rel="stylesheet" href="../../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../../css/news.css" media="all" />
	<script type="text/javascript" src="../../../layui/layui/GetPath.js"></script>
<body  class="childrenBody">
<div class="layui-form links_list" ng-app="myApp" ng-controller="customersCtrl" align="center" >
	
	  	<div>
	  
	<form class="layui-form" action="">
	 <blockquote class="layui-elem-quote news_search" style="text-align: left;">单位人员补缴信息
	  <div class="layui-form-item">
	<div class="layui-inline" align="left">
	      <label class="layui-form-label" style="width: 80px">补缴年月:</label>
	      <div class="layui-input-inline">
	        <input class="layui-input" id="test8" readonly="readonly" placeholder="请选择年月" type="text" >
	      </div>
	      <input ng-click="cx()" type="button" class="layui-btn layui-btn-primary" value="查&nbsp;&nbsp;&nbsp;&nbsp;询">
	    </div>
	    </div>
	</blockquote>
	
	
	</form>
		
	<loading>查询中请稍后</loading>  
		<table class="layui-table" style="width:100%">
			<tr align="center" style="background-color:#f1f1f1">
				<td>补缴年月</td>
				<td>姓名</td>
				<td>个人账号</td>
				<td>证件号码</td>
				<td>补缴日期</td>
				<td>补缴金额</td>
				<td>缴存情况</td>
				<td>手机号码</td>
			</tr>
			<tr ng-repeat="x in names" align="center">

				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.BJNY }}</td>
				<td ng-if="$even">{{ x.BJNY }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.XINGMING }}</td>
				<td ng-if="$even">{{ x.XINGMING }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.GRZH
					}}</td>
				<td ng-if="$even">{{ x.GRZH }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.ZJHM
					}}</td>
				<td ng-if="$even">{{ x.ZJHM }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.BJRQ
					}}</td>
				<td ng-if="$even">{{ x.BJRQ }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1;text-align:right;">{{ x.BJJE | currency :""}}</td>
				<td ng-if="$even" style="text-align:right;">{{ x.BJJE | currency:"" }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.JCQK }}</td>
				<td ng-if="$even">{{ x.JCQK }}</td>
				<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.SJHM }}</td>
				<td ng-if="$even">{{ x.SJHM }}</td>
			</tr>
		</table>
		<div class="layui-btn-group">
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Sy()">首页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Previous()">上一页</button>
			<button ng-repeat="page in pageList" class="layui-btn layui-btn-primary layui-btn-sm "
				ng-click="selectPage(page)" >{{page}}</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Next()">下一页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm"
				ng-click="Wy()">尾页</button>
			<button class="layui-btn layui-btn-primary layui-btn-sm "
				>{{selPage}}/{{pages}}</button>
		</div>
	</div>
	  	</div>
<script>
		layui.use('layer', function(){
  var layer = layui.layer;
  
});       
	</script>
	<script type="text/javascript">
	function getPath() {  
	    return 'http://'+location.host;
	}
	</script>
<script type="text/javascript" src="../../../layui/lay/modules/layer.js"></script>
<script type="text/javascript" src="../../../layui/layer.ext.js"></script>
<script type="text/javascript">
		var a;
		var app = angular.module('myApp', []);
		app.directive('loading', function(){  
		        return {  
		            restrict: 'E',  
		            transclude: true,  
		            template: '<div ng-show="loading" class="loading" id="allDiv"  style="position:fixed; top:0px; left:0px; width:100%; height:100%; display:none; background-color:#000; opacity: 0.5; z-index:99999;">'  
		            +'<img alt="" src="../../../layui/layui/img/jz.gif" style="vertical-align: middle;width:30px; height:30px; position: absolute; top:50%; left:50%; margin-top: -50px; margin-left:-50px;"/>'
		            +'</div>',  
		            link: function (scope, element, attr) {  
		                scope.$watch('loading', function (val) {  
		                    if (val){  
		                        document.getElementById("allDiv").style.display = "block";  
		                    }else{  
		                        document.getElementById("allDiv").style.display = 'none';  
		  
		                    }  
		                });  
		            }  
		        };
		    });  
		    app.controller('customersCtrl', function($scope, $http) {
		    $scope.setLoading =function(){  
			    if($scope.loading ==undefined || $scope.loading ==false){  
			        $scope.loading=true;  
			    }else{  
			        $scope.loading=false;  
			    };
			};
			dd();
			$scope.cx =dd;
		   function dd () {
		  		$scope.setLoading();
				$scope.params={RQ:$("#test8").val()};
			$http({
				url:getPath() + "/wsyyt/dwrybjxxcontroller/test",
				contentType:"text/html;charset=utf-8",
				method:'post',
				params:$scope.params,  			
			}).then(
					function(res) {
					 if(res.data.msg==null)
								 {
								 	layer.msg("登陆失效请重新登陆");
									setTimeout(function () {
										window.top.location.href=res.data;
									}, 1500);
									return;
								 }
						$scope.data = res.data.data;//自己打断点看格式:[{},{}]
						$scope.setLoading();
						if(res.data.code==1){
							$scope.names="";
							$scope.selPage="";
							$scope.selectPage="";
							$scope.pages="";
							$scope.page="";
							$scope.pageList="";
							layer.alert('提示：'+res.data.CW, {
								      skin: 'layui-layer-molv' //样式类名  自定义样式
								     ,closeBtn: 1    // 是否显示关闭按钮
								      ,anim: 1 //动画类型
								     ,btn: ['确认'] //按钮
								      ,icon: 5    // icon
								     ,btn2:function(){
										
								     }});	
							return null;								
						}
						a = res.data.CNT;
						feny($scope.data);
      
						});
			 		};				
			});
	</script>		
	<script>
	layui.use('laydate', function(){
	  var laydate = layui.laydate;
	  laydate.render({
	    elem: '#test8'
	    ,type: 'month'
	    ,range: true
	  });
	});
	</script>
</body>
</html>